<!--
 * @Author: 生俊甫 1758142861@qq.com
 * @Date: 2024-05-30 14:49:57
 * @LastEditors: 生俊甫 1758142861@qq.com
 * @LastEditTime: 2024-06-17 22:51:42
 * @FilePath: \html5-main\html5-main\html\Index.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>南宁理工学院</title>
    <link rel="stylesheet" href="./css/Index.css" type="text/css">
    <link rel="stylesheet" href="./css/photoC.css" type="text/css">
</head>

<body>
    <div id="top">
        <img src="./image/Logo.png" class="img1">
        <div id="top-right">
            <input type="text" name="search" id="search-input" placeholder="请输入关键字">
            <div id="search">搜索</div>
        </div>

        <p id="searchButton"></p>

        <div class="center">
            <span style="color: blue;font-size: 80px">南</span>
            <span style="color: red;font-size: 80px">宁</span>
            <span style="color: orange;font-size: 80px">理</span>
            <span style="color: blue;font-size: 80px">工</span>
            <span style="color: #00aa00;font-size: 80px">学</span>
            <span style="color: orange;font-size: 80px">院</span>
        </div>
        <div id="top-gov">
            <a href="https://www.bwgl.cn//">南宁理工学院</a>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <a href="http://www.weather.com.cn/weather/101300501.shtml">桂林天气</a>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <a href="./testxxx.html"><div id="user">用户</div></a> 
        </div>
    </div>
    <hr style="height:10px;border:none;border-top:10px groove rgb(14,
            143, 194);" />
    <div id="top2">
        <div id="nav">
            <ul>
                <li><a href="./Index_hall.html">首页</a></li>
                <li><a href="../html/History.html">学校简介</a></li>
                <li><a href="../html/daily.html">校园日常</a></li>
                <li><a href="../html/Foods.html">校园美食</a></li>
                <li><a href="../html/Views.html">校园风景</a></li>
                <li><a href="../html/Traffic.html">位置信息</a></li>
                <li><a href="../html/News.html">新闻速递</a></li>
                <li><a href="../html/honor.html">学校荣誉</a></li>
                <li><a href="../html/introduction.html">学院简介</a></li>
            </ul>
        </div>
    </div>
    <hr style="height:1px;border:none;border-top:1px dashed goldenrod;" />
    <div id="top1">
        <div id="flash">
            <img src="../image/view1.jpg" style="display: block">
            <img src="../image/view2.jpg">
            <img src="../image/view3.jpg">
            <img src="../image/view4.jpg">
            <img src="../image/view5.jpg">
            <ul>
                <li class="li_1"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="span-r">
                <span> > </span>
            </div>
            <div class="span-l">
                <span>
                    < </span>
            </div>
        </div>
    </div>
    <hr style="height:1px;border:none;border-top:1px dashed
                goldenrod;" />
    <div id="center">
        <p>
            <img src="../image/mark.png" width="20px" height="20px">
            南宁理工学院前身为桂林理工大学博文管理学院，创办于2002 年 4 月。2021 年 5
            月，经教育部批准确认为独立设置的本科层次民办普通高等学校，并更名为现名。学校现有南宁东盟、桂林雁山两个校区，南宁东盟校区位于广西-东盟经济技术开发区南宁教育园区，占地 1038 亩，规划总建筑面积
            76万平方米；桂林雁山校区位于雁山教育园区，占地 730 亩，规划总建筑面积 48万平方米。学校拥有现代化的教学楼，功能先进的实验室、实训室；设施完备的宿舍楼、食堂、体育场馆，环境优雅、生活便利。
        </p>
        <p>
            <img src="../image/mark.png" width="20px" height="20px">
            学校秉承“厚德、博学、自强、弘毅”的校训，坚持“育人为本、质量立校、特色强校”的办学理念，形成特色鲜明、内涵深厚的“土木工程、财经管理、艺术与传媒、计算机与信息技术、大数据与人工智能和人文教育”六大专业群。现开设39个本科专业，拥有省级一流本科专业建设点7个，广西民办高校优势特色专业2个，自治区级一流本科课程3门，广西高校特色专业1个，广西转型试点专业群1个，广西民办高校重点建设专业5个，自治区创新创业教育改革示范专业1个，自治区创新创业教学团队1个，自治区协同育人平台1个，区级课程思政示范课1门，自治区级虚拟教研室建设试点1个。设有土木与工程学院、商学院、信息工程学院、艺术与传媒学院、文理学院、大数据与人工智能学院、马克思主义学院等教学单位，在校学生24000余人。
        </p>
        <p>
            <img src="../image/mark.png" width="20px" height="20px">
            近年来，教师主持、参与的教学、科研项目650余项，其中省部级及以上项目80余项，发表学术论文1240余篇，获得专利23项，出版专著、教材25部；获自治区教学成果奖一等奖2项，二等奖2项，三等奖2项。
        </p>
        <p>
            <img src="../image/mark.png" width="20px" height="20px">
            漓水悠悠，书声琅琅；邕江荡波，百舸争流。十四五期间，学校按照“高端化、全球化、个性化”的发展战略，进一步加大教学投入，强化内涵建设，立足广西，面向全国，服务地方，服务行业，努力建设区域一流、特色鲜明的高水平应用型高校。
        </p>
        <video width="800" height="480" controls>
            <source src="../video/xcVideo.mp4" type="video/mp4">
            <source src="../video/xcVideo.ogg" type="video/ogg">
            <source src="../video/xcVideo.webm" type="video/webm">
            <object data="../video/xcVideo.mp4" width="800" height="480">
                <embed src="../video/xcVideo.swf" width="800" height="480">
            </object>
        </video>
        <div id="center-rb">
            <p>
                学校注重学生实践能力培养，拥有校外实习基地100多个。学生以专业基础扎实，实践能力强倍受社会称赞、企业欢迎。近年来，学生在全国大学生智能汽车竞赛、英语竞赛、“互联网+”大学生创新创业大赛、电子设计大赛等学科竞赛中，获国家级奖400余项，省部级奖1400余项。学校实行人才分类培养改革，为学生构建了专业技能型、创新创业型、考研深造型、国际教育型等多种成才通道，满足了学生多样化成才需求。
            </p>
            <p>
                学校先后荣获“自治区安全文明校园”“自治区优秀卫生学校”“高校思想政治工作先进单位”“广西民办教育先进单位”“自治区先进基层党组织”“自治区两新组织党建工作示范点”“广西民办学校突出贡献奖”“广西壮族自治区绿色学校”“全区普通高等学校留桂就业工作贡献突出单位”等荣誉。
            </p>
        </div>


        <div class="fengjing">

            <p style="font-size: 18px;">
                学校风景
            </p>
            <div class="imag">
                <img width="400" height="200" src="./image/4.jpg">
                <img width="400" height="200" src="./image/1.png">
                <img width="400" height="200" src="./image/2.jpg">
                <img width="400" height="200" src="./image/3.jpg">
            </div>
        </div>



        <div class="wl w">
            <h1>友情链接</h1>
            <br>
            <ul>

                <li>
                    <a href="https://mooc.bwgl.cn//">在线教学MOOC平台</a>
                </li>
                <li>
                    <a href="https://zxshixun.bwgl.cn/">教学化实习实训课程平台</a>
                </li>
                <li>
                    <a href="https://gyxy.bwgl.cn/">公益课程平台</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/twxxzx/">图书馆</a>
                </li>
            </ul>
            <br>
            <ul>

                <li>
                    <a href="https://www.bwgl.cn/sxy/">商学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/tmygcxy/">土木与工程学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/ysycmxy/">艺术与传媒学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/xxgcxy/">信息工程学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/wlxy/">文理学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/intelligence/">大数据与人工智能学院</a>
                </li>
                <li>
                    <a href="https://www.bwgl.cn/sxzzllkjxb/">马克思主义学院</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="bottom">
        Copyright © 2021级通信工程一班 生俊甫 21090126. All rights reserved.&nbsp;&nbsp;
        <a href="../html/contactUs.html">联系我们</a>
        <a href="#top">回到顶部</a>
    </div>
</body>
<script src="./js/jquery.min.js"></script>
<script>
    var ws_url = "ws://" + location.host + "/hall";
    var ws_hdl = null;
    window.onbeforeunload = function () {
        ws_hdl.close();
    }
    // 获取元素
    const flash = document.getElementById('flash');
    const images = flash.getElementsByTagName('img');
    const indicators = flash.getElementsByTagName('li');
    const nextBtn = flash.querySelector('.span-r');
    const prevBtn = flash.querySelector('.span-l');

    // 获取搜索输入框、搜索按钮和搜索结果的引用
    const searchInput = document.getElementById('search-input');
    const searchButton = document.getElementById('search');
    const searchResults = document.getElementById('search-results');
    const centerContent = document.getElementById('center').textContent.toLowerCase();

    // 设置初始索引和自动轮播间隔时间
    let currentIndex = 0;
    const intervalTime = 3000;
    let timer;

    // 显示当前图片和指示器状态
    function showCurrentImage() {
        // 隐藏所有图片和移除指示器的激活状态
        Array.from(images).forEach((image) => {
            image.style.display = 'none';
        });
        Array.from(indicators).forEach((indicator) => {
            indicator.classList.remove('li_1');
        });

        // 显示当前索引对应的图片和添加指示器的激活状态
        images[currentIndex].style.display = 'block';
        indicators[currentIndex].classList.add('li_1');
    }

    // 切换到下一张图片
    function showNextImage() {
        currentIndex = (currentIndex + 1) % images.length;
        showCurrentImage();
    }

    // 切换到上一张图片
    function showPreviousImage() {
        currentIndex = (currentIndex - 1 + images.length) % images.length;
        showCurrentImage();
    }

    // 创建函数来执行搜索并显示结果在新页面
    function performSearch() {
        const searchTerm = searchInput.value.toLowerCase();

        if (centerContent.includes(searchTerm)) {
            window.location.href = `search-results.html?term=${searchTerm}`;
        } else {
            window.location.href = `search-results.html`;
        }
    }
    // 添加事件监听器，以便在搜索按钮点击时执行搜索
    searchButton.addEventListener('click', performSearch);

    // 点击指示器切换对应的图片
    Array.from(indicators).forEach((indicator, index) => {
        indicator.addEventListener('click', () => {
            currentIndex = index;
            showCurrentImage();
        });
    });

    // 点击下一张按钮切换到下一张图片
    nextBtn.addEventListener('click', showNextImage);

    // 点击上一张按钮切换到上一张图片
    prevBtn.addEventListener('click', showPreviousImage);

    // 自动轮播
    function startAutoCarousel() {
        timer = setInterval(showNextImage, intervalTime);
    }

    // 停止自动轮播
    function stopAutoCarousel() {
        clearInterval(timer);
    }

    function get_user_info() {
        $.ajax({
            url: "/info",
            type: "get",
            success: function (res) {
                // var info_html = "<p>" + "用户:" + res.username + "</p>";
                var info_html = "用户:" + res.username;
                var screen_div = document.getElementById("user")
                screen_div.innerHTML = info_html;
                ws_hdl = new WebSocket(ws_url);
                ws_hdl.onopen = ws_onopen;
                ws_hdl.onclose = ws_onclose;
                ws_hdl.onerror = ws_onerror;
                ws_hdl.onmessage = ws_onmessage;
            },
            error: function (xhr) {
                alert(JSON.stringify(xhr));
                location.replace("/login.html");
            }
        })
    }
    function ws_onopen() {
        console.log("websocket onopen");
    }
    function ws_onclose() {
        console.log("websocket onopen");
    }
    function ws_onerror() {
        console.log("websocket onopen");
    }
    function ws_onmessage(evt) {
        var rsp_json = JSON.parse(evt.data);
        if (rsp_json.result == false) {
            alert(evt.data);
            location.replace("/login.html");
            return;
        }
        if (rsp_json["optype"] == "hall_ready") { 
            alert("以为您跳转到校园门户！");
        } else {
            alert(evt.data);
            location.replace("/login.html");
            return;
        }
    }
    // 开始自动轮播
    startAutoCarousel();
    get_user_info();
</script>

</html>